        .banner {
            width: 1920px;
            height: 528px;
            margin: 0 auto;
        }
        
        .banner img {
            display: block;
            width: 1920px;
            height: 528px;
        }
        /* 分页器  */
        /*包裹自定义分页器的div的位置等CSS样式*/
        
        .swiper-pagination-custom {
            bottom: 5%;
            left: 0;
            width: 100%;
            height: 20px;
            /* background-color: red; */
            text-align: center;
        }
        
        .swiper-pagination-customs {
            width: 35px;
            height: 8px;
            display: inline-block;
            background: #000;
            opacity: .3;
            border-radius: 10px;
            /* box-shadow: 0 0 2px  #000; */
            margin: 0 5px;
            outline: 0;
        }
        /*自定义分页器激活时的样式表现*/
        
        .swiper-pagination-customs-active {
            opacity: 1;
            border: 1px solid #F3F3F3;
            background-color: #F3F3F3;
        }
        /* main start */
        
        .main {
            display: flex;
            justify-content: space-between;
            width: 1200px;
            height: 407px;
            margin: 0 auto;
            margin-top: 45px;
            border-bottom: 1px solid #DCDCDC;
        }
        
        .main_top {
            text-align: center;
            font-size: 18px;
            color: #333333;
            width: 80px;
            height: 27px;
        }
        
        .main_middle {
            width: 241px;
            height: 147px;
            line-height: 23px;
            margin-top: 10px;
            margin-bottom: 48px;
        }
        
        .main_middle span {
            font-size: 14px;
            color: #BCBCBC;
        }
        
        .main_middle span a {
            font-size: 14px;
            color: #BCBCBC;
        }
        
        .main_middle img {
            display: block;
            width: 241px;
            height: 147px;
            line-height: 147px;
        }
        
        .main_bottom {
            width: 320px;
            height: 150px;
            margin-top: 20px;
            font-size: 16px;
            color: #333333;
            border-top: 1px solid #E9E9E9;
        }
        
        .main_bottom p {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 16px;
            color: #333333;
            margin-bottom: 9px;
        }
        
        .main_bottom p:nth-child(1) {
            margin-top: 9px;
        }
        
        .main_item {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            width: 320px;
            height: 350px;
            font-size: 14px;
            color: #BCBCBC;
        }
        
        .main_middle span {
            position: absolute;
            top: 200px;
            left: 250px;
        }
        
        .main_middle span img {
            display: inline-block;
            position: absolute;
            margin-top: 4px;
            width: 15px;
            height: 15px;
        }
        
        .main_two {
            display: flex;
            justify-content: space-between;
            text-align: center;
            width: 1200px;
            height: 200px;
            margin: 0 auto;
            margin-top: 62px;
            margin-bottom: 109px;
        }
        
        .main_two_img {
            width: 278px;
            height: 147px;
            margin-bottom: 27px;
        }
        
        .main_two_img img {
            display: block;
            width: 278px;
            height: 147px;
        }
        
        .main_two_item {
            width: 278px;
            height: 350px;
        }
        
        .main_two_font {
            font-size: 18px;
            color: #333333;
        }
        /* main end */
        /* footer start */
        
        .footer {
            position: relative;
            width: 1920px;
            height: 383px;
            margin: 0 auto;
            background-image: url('../img/footer.png');
        }
        
        .divider {
            position: absolute;
            top: 70px;
            left: 360px;
            width: 620px;
            height: 1px;
            border-bottom: 1px solid #B8B8B8;
        }
        
        .footer_item {
            width: 1200px;
            height: 383px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }
        
        .footer_left {
            width: 620px;
            height: 320px;
            margin-top: 36px;
        }
        
        .footer_right {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 211px;
            height: 310px;
            margin-top: 70px;
        }
        
        .footer_left>ul {
            display: flex;
            justify-content: space-between;
        }
        
        .footer_left>ul>li>ul>li {
            display: block;
            margin-bottom: 10px;
            font-size: 16px;
            color: #333333;
        }
        
        .footer_font {
            display: inline-block;
            font-size: 18px;
            color: #333333;
            margin-bottom: 27px;
        }
        
        .footer_right_top {
            width: 144px;
            height: 144px;
        }
        
        .footer_right_top img {
            display: block;
            width: 144px;
            height: 144px;
        }
        
        .footer_right_bottom {
            margin-top: 14px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .footer_right_bottom span {
            font-size: 16px;
            color: #333333;
            margin-top: 14px;
        }
        /* footer end */
        /* footer end */